<script lang="ts" setup>
const { id } = defineProps<{
  id: number
  icon: string
  title: string
  linearGradient: string
}>()


async function onClick() {
  /**
   * 跳转分类页
   */
}
</script>

<template>
  <view center flex-col mt @click="onClick">
    <view w-70 h-70 rounded-full center p-1 :style="{ backgroundImage: linearGradient }">
      <image w-50 h-50 :src="`/static/images/icons/index/${icon}.png`" />
    </view>
    <text text="22 #333333" m="t-0.5">
      {{ title }}
    </text>
  </view>
</template>
